
header {
	background: #FFF;
	height: 115px;
	width: 996px;
	margin: 0 auto;
	font-family: "微软雅黑";
	margin-bottom: 10px;
	position: relative;
	h1{
		float: left;
		margin-top: 33px;
	};
	/* 头部右边 */
	.head-right{
		color:#6bc4df;
		.h-login{ 
			margin-bottom:8px;
			float:right;
			margin-top: 25px;
			font-size:13px;
			/*  第一行样式 */
			.city {
				display: inline-block;
				cursor: pointer;
				i{
					display: inline-block;
					width: 15px;
					height: 15px;
					background: url(/images/icon/dizhi_icon.png) no-repeat center;
					background-size: contain;
					position: relative;
					top: 3px;
				}
				p{
					display: inline-block;
				}
			};
			.cart img{
				vertical-align: middle;
				width: auto;
				height: 18px;
				margin-top: 0;
				position:relative;
				left:8px;
				top:-2px;
			}
			a{
				color:#6bc4df;
				text-decoration: none;
				margin: 0 10px;
			}
			span{
				cursor: pointer;
			}
			// 登录
			label{
				.login_page{
					margin-right: 0;
				}
			} 
		}
		
	};/* // 头部右边 */
	
	/* //nav */
	nav{
		float: left;
		text-align: center;
		height: auto;
		line-height: 20px;
		width: 664px;
		ul{
			.cake{
				position: relative;
				&:hover{
					.two_meun{
						display: block;
					}
				}
				.two_meun{
					display: none;
					position:absolute ;
					background: #fff;
					width: 100px;
					left: 32px;
					top: 45px;
					z-index: 5;
					a{
						display: block;
						line-height: 33px;
						color: #6BC4DF;
					};
				} ;
			}
			
		};
		ul li{
			float: left;
			width: 165px;
			border-right: 1px solid #6bc4df;
			position: relative;
			
			a{
				float: none;
				padding: 0;
				text-decoration: none;
				color:#6bc4df;
			}
			span{
				width: 100%;
				display: inline-block;
				font-size: 14px;
				height: 25px;
				line-height: 25px;
			}
			
			
		};
		ul li:last-child{
			border:none;
		}
		
		margin-right:20px;
	};
	
	/* 电话 */
	.phone{
		float:left;
		margin-top: 2px;
		height: 17px;
		line-height: 17px;
		width: 120px;
		margin-left: 5px;
		img{
			height:15px;
		}
	};
	
	form{
		float:left;
		height: 20px;
		margin: 5px;
		border:1px solid  #6bc4df;
		position: relative;
		input{
			height: 20px;
			line-height: 21px;
			float: left;
			width: 80px;
			margin-left: 23px;
			border:0;
			padding: 0;
		}; 
		
		a{
			width:20px;
			height: 20px;
			position: absolute;
			background:url(/images/icon/search_icon.png) no-repeat center;
			background-size:18px 18px;
			left:0;
		}
	}
	
	
	/* // 客服 */
	.server{
		position: fixed;
		right: 0;
		top: 50%;
		a{
			display: inline-block;
		}
		
	}
	
	/* //地址 */
	.wrap-address{
		position: fixed;
		width: 100%;
		height: 100%;
		// 绝对定位，要给left，top
		top: 0;
		left: 0; 
		background: rgba(0,0,0, .3);
		z-index: 10;
	}
	
	
.address{
	position: absolute;
	left: 0;
	right: 0;
	margin: 100px auto;
	width: 400px;
	height: 240px;
	background: white;
	z-index: 20;
	.up{
		text-align:center;
		height:150px;
		
		img{
			display: inline-block;
			width: 80px;
			height: 80px;
			position: absolute;
			top: 27px;
			left: 154px;
		}
		
		p{
			position: absolute;
			top: 120px;
			left: 13px;
			color: #6BC4DF;
			width: 380px;
			margin: 0 auto;
			border-bottom: 1px solid ;
			margin-bottom: 10px;
			padding-bottom: 10px;
		}
	}

	.down{
		display: flex;
		height: 80px;
		justify-content: space-around;
		align-content: center;
		padding: 30px 0;
		.detail-address,button{
			width: 100px;
			height: 35px;
			border: none;
			border-radius: 3px;
			box-sizing: border-box;
		}
		.detail-address{
			background: #6BC4DF;
			line-height: 35px;
			padding-left:13px ;
			color: white;
			position: relative;
			span{
				display: inline-block;
				position: absolute;
				left: 60px;
				top: 13px;
				border: 8px solid #6BC4DF;
				border-top: 8px solid white;
				.addElement{
					width: 100px;
					position: absolute;
					left: -68px;
					top: 13px;
					border-radius: 0;
					background: #6BC4DF;
					color: white;
					p{
						padding-left: 15px;
						position: relative;
						&:hover{
							color:#6BC4DF ;
							background: white;
							b{
								display: block;
							}
						}
						b{
							width: 100px;
							position: absolute;
							left:80px ;
							top: 0;
							background: white;
							color: #626262;
							border-radius: 3px;
							display: none;
							i{
								display: block;
								text-align: center;
								&:hover{
									color: #6BC4DF;
									text-decoration: underline;
								}
							}
						}
					}
				}
			};
		}
		button{
			background: yellow;
			color: #626262;
		}
	}
}

}

